ul,li {
	list-style: none;
}
body {
	background: #fff;
}

.mui-content {
	padding-top: 50px !important;
	background: #fff !important;
	height: 100%;
	overflow: auto;
}

.mui-table-view-cell {
	font-size: 0.5em;
}

.border-top10 {
	border-top: 10px solid #efefef;
}
/* header */
.mui-bar-nav {
	background: #fff100;	
	height: 50px;
}

.mui-bar h1 {
	font-family: "宋体";
	font-weight: bold;
	line-height: 50px;
}

.mui-bar>a:before {
	color: #000;
}

.mui-bar .mui-icon {
	padding-top: 13px;
    padding-bottom: 13px;
}
/* 头像 */
.headimgBox {
	position: relative;
	overflow: hidden;
	height: 180px;
	background: url(../img/person/person-head.png) no-repeat;
	background-size: 100% 100%;
}

.headimg {
	position: relative;
	width: 110px;
	height: 110px;
	margin: 20px auto 10px;
	border-radius: 50%;
	overflow: hidden;
}

.headimg input {
	position: absolute;
	left: 0;
	top:0;
	width: 110px;
	height: 110px;
	opacity: 0;
}

.headimg img {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.headimgBox>p {
	color: #000;
	font-size: 18px;
	text-align: center;
}

.mui-table-view.person::before,.mui-table-view.person::before {
	height: 0;
}

.mui-table-view-cell:after {
	background-color: #d5d5d5;
	left: 0;
}

.person .mui-table-view-cell {
	height: 50px;
}

.person .mui-table-view-cell>a {
	height: 50px;
}

.person .mui-table-view-cell span {
	line-height: 28px;
	font-weight: 700;
	font-family: "宋体";
	font-size: 16px;
}

.mui-table-view-cell i {
	display: inline-block;
	float: left;
	margin-right: 20px;
	width: 26px;
	height: 26px;
	background-size: 100% !important;
	border-radius: 50%;
	background-repeat: no-repeat;
}

.mui-table-view-cell:nth-child(1) i {
	background: url(../img/person/person-list1.png) no-repeat;
}

.mui-table-view-cell:nth-child(2) i {
	background: url(../img/person/person-list2.png) no-repeat;
}

.mui-table-view-cell:nth-child(3) i {
	background: url(../img/person/person-list3.png) no-repeat;
}

.mui-table-view-cell:nth-child(4) i {
	background: url(../img/person/person-list4.png) no-repeat;
}

.mui-table-view-cell:nth-child(5) i {
	background: url(../img/person/person-list5.png) no-repeat;
}

.class-reg {
	padding-bottom: 60px;
}

.graduate-class-reg span {
	font-size: 0.8rem !important;
}

.person-stu.graduate-class-reg ul li {
	margin: 0 !important;
}

.person-stu.graduate-class-reg ul li ul{
	padding: 0 0 0 20px !important;
}

.person-stu.graduate-class-reg ul li li {
	padding-left:20px !important;
}

.person-stu.graduate-class-reg {
	background: #fff;
}

.person-stu.graduate-class-reg ul li span:first-child {
	width: 15%;
}

.person-stu.graduate-class-reg ul li span:nth-child(2){
	width: 30%;
}

.person-stu.graduate-class-reg ul li span:nth-child(3){
	width: 30%;
	float: left !important;
}

.person-stu.graduate-class-reg ul li span {
	width: 25%;
}

/* footer */
.mui-bar-tab {
	height: 52px;
}

.mui-bar-tab .mui-icon {
	height: 40px !important;
	width: 40px !important;
	border-radius: 50%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 60%;
}

.mui-bar-tab .mui-tab-item:nth-child(1) .mui-icon {
	background-image: url(../img/person/person-table1.png);
}

.mui-bar-tab .mui-tab-item:nth-child(2) .mui-icon {
	background-image: url(../img/person/person-table2.png);
}

.mui-bar-tab .mui-tab-item:nth-child(3) .mui-icon {
	background-image: url(../img/person/person-table3.png);
}

.mui-bar-tab span {
	color: #000;
}

.mui-bar-tab .mui-tab-item span:nth-child(2) {
	font-size: 14px;
}

.mui-bar-tab .mui-active .mui-tab-label {
	color: #000;
}

.mui-bar-tab .mui-active .mui-icon {
	background-color: #fff100;
}

/* person-safe */
.mui-content>.mui-table-view:first-child{
	margin: 0 !important;
}

.person-safe {
	padding-top: 50px !important;
}


/*/////////////////////////////// person-income ////////////////////////////////////////*/
.person-income .mui-table-view-cell:nth-child(1) i {
	background-image: url(../img/person/person-income-list2.png);
}

.person-income .mui-table-view-cell:nth-child(2) i {
	background-image: url(../img/person/person-income-list1.png);
}

.person-income span {
	line-height: 28px;
}

/*////////////////////////////////////////person-stu//////////////////////////////////////////////////*/
.person-stu .mui-navigate-right::after{
    transform: translateY(-50%) rotate(-90deg);
}

.person-stu .mui-active .mui-navigate-right::after{
    transform: translateY(-50%) rotate(-180deg);
}

.person-stu .mui-table-view-cell i {
	background: #fff100;
	border-radius: 0;
	height: 10px;
	width: 10px;
	margin-right: 10px;
	margin-top: 5px;
}

.person-stu li ul li {
	padding-left: 60px !important;
}

.person-stu .mui-table-view-cell span {
	display: inline-block;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;	
}

.person-stu .mui-table-view-cell span:nth-of-type(2) {
	width:50%;
}

.person-stu .mui-table-view-cell span:nth-of-type(3) {
	text-align: center;
	float: right;
	width: 20%;
}

/* .person-data */
.person-data-grade::after {
	transform: translateY(-50%) rotate(-90deg);
}

.mui-active .person-data-grade::after {
	 transform: translateY(-50%) rotate(-180deg);
}

.person-data .bank a span {
	background: #fff100 !important;
	margin: 0 5px;
	padding: 3px 5px;
	border-radius: 5px;
}

.mui-content.person-data a ,.mui-content.person-data span,.mui-content.person-data li{
	font-size: 0.8rem !important;
}

.person-data .person-stu-more span {
	font-size: 12px;
}

.person-data-stu li:nth-child(2) i {
	background-image: url(../img/person/person-data-stu1.png);
    background-position: -2px 1px;
    background-size: 95% !important;
}

.person-data-stu li:nth-child(3) i {
	background-image: url(../img/person/person-data-stu2.png);
}

.person-data-stu li:nth-child(4) i {
	background-image: url(../img/person/person-data-stu3.png);
}

.person-data-stu li:nth-child(5) i {
	background-image: url(../img/person/person-data-stu4.png);
}

.person-data-stu li:nth-child(6) i {
	background-image: url(../img/person/person-data-stu5.png);
}

.person-data-stu li:nth-child(7) i {
	background-image: url(../img/person/person-data-stu6.png);
}

.person-data-stu li:nth-child(8) i {
	background-image: url(../img/person/person-data-stu7.png);
}

.person-data-stu li:nth-child(9) i {
	background-image: url(../img/person/person-data-stu8.png);
	background-position: 2px 2px;
	background-size: 85% !important;
}

.person-data-teac li:nth-child(2) i {
	background-image: url(../img/person/person-data-t1.png);
	background-size: 95% !important;
	background-position: 2px 2px;
}

.person-data-teac li:nth-child(3) i {
	background-image: url(../img/person/person-data-t2.png);
}

.person-data-teac li:nth-child(4) i {
	background-image: url(../img/person/person-data-t3.png);
}

.person-data-teac li:nth-child(5) i {
	background-image: url(../img/person/person-data-t4.png);
	background-position: 3px 0;
	background-size: 90% !important;
}

.person-data-stu .mui-table-view-cell.mui-collapse .mui-collapse-content {
	padding: 0 15px 8px;
}

.person-data-stu .mui-table-view-cell.mui-collapse .mui-table-view {
	margin-top: 0;
}

/* ///////////////////////////////////////////class-reg//////////////////////////// */
.class-reg .person-stu-more span:nth-of-type(1) {
	width: 10%;
}

.class-reg .person-stu-more span:nth-of-type(2) {
	width: 46% !important;
}

.class-reg .person-stu-more span:nth-of-type(3) {
	width: 15% !important;
}

.class-reg .person-stu-more span:nth-of-type(4) {
	width: 25% !important;
}

/* graduate-login */
.graduate-sigin {
	padding: 50px 0 80px 0 !important;
	background: #fff;
	
}
.graduate-sigin .headimg {
	margin-top: 40px;
}

.graduate-sigin ul {
	padding: 0;
	font-size: 14px;
}

.graduate-sigin h2 {
	padding: 10px 0 10px 10px;
	font-size: 15px;
}

.graduate-sigin li {
	position: relative;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 10px;
	padding-left: 20px;
}

.graduate-sigin li input {
	width: 60% ;
	overflow: auto !important;
	text-overflow: inherit;
	border: none;
	margin: 0;
	font-size: 14px;
	padding: 0;
	line-height: normal;
	height: auto;
}

.graduate-sigin li i{
	display: inline-block;
	width: 25px;
	height: 20px;
	background-size: 100% 100% !important;
}

.graduate-sigin em {
	color: #ff0000;
	font-size: 21px;
    position: relative;
    line-height: 24px;
    top: 7px;
    padding: 0 5px;
}

.error::after {
    background-color: red !important;
    height: 2px !important;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}

.graduate-sigin-sublist li:last-child {
	border: none;
}

.graduate-sigin-sublist {
	padding-left: 40px !important;
	margin-top: 10px;	
}

.graduate-sigin-sublist li:last-child {
	margin-bottom: 0;
}

.graduate-sigin li p {
	color: #000 !important;
}

.graduate-sigin li p span {
	padding: 5px 5px;
	border-radius: 3px;
}

.pay-on {
	background: #fff100;
}

.pay-way label input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100% !important;
	height: 100%;
	opacity: 0;
	z-index: 9;
}

.pay-way label {
	position: relative;
	padding: 3px 7px;
	border-radius: 5px;
	width: 56px;
	margin-bottom: 5px;
	display: inline-block;
}

.graduate-sigin-sublist ul {
	padding: 0;
}

.graduate-sigin-sublist ul::after {
	content: '';
	display: table;
	clear: both;
}

.graduate-sigin-sublist ul li {
	width: 50%;
	float: left;
	padding: 0;
}

.graduate-sigin-sublist ul li span {
	font-size: 12px;
}

.graduate-sigin-sublist ul li input {
	width: 50%;
	padding: 0;
}

.graduate-sigin-sublist ul li:nth-child(3),.graduate-sigin-sublist ul li:nth-child(4) {
	border: none;
	margin-bottom: 0;
}

.graduate-sigin li:last-child {
	border: none;
}

.graduate-sigin li:last-child p {
	margin-bottom: 0;
}

.graduate-sigin li:last-child p:nth-child(2){
	padding-left: 30px;
	font-size: 0.5em;
	color: #ff0000 !important;
}

.gra-grade-input {
	position: relative;
	width: 85%;
	height: 100px;
	margin: 20px auto;
	background: url(../img/person/gra-sign-upload.png) no-repeat center;
	background-color: #eeeeee !important;
	background-size: 20% 50%;
}

.gra-grade-input input {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	opacity: 0;
}

.graduate-sigin-list li:nth-child(1) i {
	background: url(../img/person/gra-sign-list1.png) no-repeat;
}

.graduate-sigin-list li:nth-child(2) i {
	background: url(../img/person/gra-sign-list2.png) no-repeat;
}

.graduate-sigin-list li:nth-child(3) i {
	background: url(../img/person/gra-sign-list3.png) no-repeat;
}

.graduate-sigin-list li:nth-child(4) i {
	background: url(../img/person/gra-sign-list4.png) no-repeat;
}

.graduate-sigin-list li:nth-child(5) i {
	background: url(../img/person/gra-sign-list5.png) no-repeat;
}

.graduate-sigin-list li:nth-child(6) i {
	background: url(../img/person/gra-sign-list6.png) no-repeat;
}

.graduate-sigin-list li:nth-child(7) i {
	background: url(../img/person/gra-sign-list7.png) no-repeat;
}

.graduate-sigin-list li:nth-child(8) i {
	background: url(../img/person/gra-sign-list8.png) no-repeat;
}

.graduate-sigin-list li:nth-child(9) i {
	background: url(../img/person/gra-sign-list9.png) no-repeat;
}

.gra-sign-save {
	width: 80%;
	display: block !important;
	margin: 50px auto 10px !important;
	background: #fff100 !important;
	border: none !important;
	outline: none !important;
	color: #333 !important;
}

.person-safe-oldphone {
	padding-top: 50px !important;
}

.person-safe-oldphone form {
	padding-top: 30px !important;
}

.gp-stu-sublist {
	position: fixed;
	/*top: -50px;*/
	z-index: 9999999 !important;
}
